<template>
  <div id="son02">
    <h2 class="h2">热门搜索</h2>
    <div class="loupan">
      <div class="img">
        <img src="../../assets/Search_imgs/search1.jpg" alt="" />
      </div>
      <div class="tag">
        <van-tag
          plain
          type="primary"
          size="large"
          class="Tag"
          color="#f9f9f9"
          text-color="#7b7b7b"
          v-for="time in xin"
          :key="time.id"
          >{{ time.name }}</van-tag
        >
      </div>
    </div>
    <div class="loupan">
      <div class="img">
        <img src="../../assets/Search_imgs/search2.jpg" alt="" />
      </div>
      <div class="tag">
        <van-tag
          plain
          type="primary"
          size="large"
          class="Tag"
          color="#f9f9f9"
          text-color="#7b7b7b"
          v-for="time in xin"
          :key="time.id"
          >{{ time.feature }}</van-tag
        >
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "Xin",
  props: ["xin"],
};
</script>

<style scoped>
.h2 {
  height: 0.44rem;
  line-height: 0.44rem;
  color: #282828;
  font-size: 0.14rem;
  padding: 0 0.14rem;
}
.Tag {
  margin: 0.06rem;
  border: 0.02rem solid #f9f9f9;
  font-size: 0.13rem;
}
.loupan {
  display: flex;
}
.img {
  padding: 0 0.13rem;
  margin-top: 0.08rem;
}
</style>
